<!DOCTYPE html>
<html>
    <head>
        <title>${page_title}</title>
        <base href="${base_url}" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Styles -->
        <#if plugin_theme?? >
            <link href="${plugin_theme.pathCss}/bootstrap.min.css" rel="stylesheet">
            <link rel="stylesheet"  href="${plugin_theme.pathCss}/page_template_styles.css" type="text/css"  media="screen" />
        <#else>
            <link href="${theme.pathCss}/bootstrap.min.css" rel="stylesheet">
            <link rel="stylesheet" href="${theme.pathCss}/page_template_styles.css" type="text/css" media="screen, projection" />
        </#if>
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
        <!--[if lt IE 9]>
        <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!-- Le fav and touch icons -->
        <link rel="shortcut icon" href="favicon.ico">
<style>
  .center {text-align: center; margin-left: auto; margin-right: auto; margin-bottom:2em; margin-top: auto;}
</style>
    </head>
<body>
<div class="container">
<!-- header -->
<header role="banner">
<div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        <a class="brand" href="jsp/site/Portal.jsp"><img src="images/logo-header.png" title="Home" alt="Home"/></a>
		<div class="nav-collapse">&nbsp;</div>
        </div>
    </div>
</div>
</header>
<!-- end header -->